<template>
  <div class="box">
    <con-title :info="Toptitle"></con-title>
    <div class="con-survey">
        <equipment></equipment>
        <monitor></monitor>
        <notice></notice>
    </div>
    <classification></classification>
  </div>
</template>

<script>
//引入组件
import ConTitle from '../../components/ConTitle.vue';
import Equipment from '../../components/Equipment.vue';
import Monitor from '../../components/Monitor.vue';
import Notice from '../../components/Notice.vue';
import Classification from '../../components/Classification.vue';
export default {
  components:{Equipment,Monitor,Notice,Classification,ConTitle},
  name: "dashboard",
  data(){
      return{
          Toptitle:{
              type:"",
              text:"仪表盘",
              msg:"-设备概率和传感数据可视化"
          }
      }
  },
};
</script>

<style scoped lang="scss">
.box {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  padding: 10px 10px;
}
.con-survey {
  margin-top: 10px;
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: space-between;
}
</style>